<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script src="jquery-1.11.0.js"></script>
<script>
$(function(){
	var flake=$("<div></div>").css({'position':'absolute','top':'-50px'}).html("❤");
	var screenHeight=$(document).height();
	var screenWidth=$(document).width();
	setInterval(function(){
		var startPositionLeft=Math.random()*screenWidth;
		var endPositionLeft=Math.random()*screenWidth;
		var startOpacity=0.7+0.3*Math.random();
		var endPositionTop=screenHeight;
		var time=4000+Math.random()*2000;
		var flakeSize=(5+Math.random()*50)+'px';
		flake.clone().appendTo('body').css({
			'left':startPositionLeft,
			'font-size':flakeSize,
			'color':'#f572b4',
			'opacity':startOpacity,
			}).animate({
				'top':endPositionTop,
				'opacity':0.5,
				'left':endPositionLeft
				},time,function(){$(this).remove()})
		},100)
	})
</script>
</head>

<body style="background: #000; overflow: hidden;">

</body>
</html>
